<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../../include/fore/foreHeader.jsp" %>

<style>
	div.link-top-item{
	width:71px;
	height:49px;
	margin:30px 40px 30px 40px;
	}
	.bottom-border{
		border-bottom-style:solid;
		border-bottom-color:#4FA9E1;
		border-bottom-width:2px;
	}
	.top-link-margin{
		margin:20px 30px 0px 30px;
	}
	.top-link-width{
		width:56px;
		height:35px;
	}
</style>
<div class="row" style="margin-top:40px;">
<%@include file="sidePage.jsp"%>

<!-- 内容区域 -->
<div class="col-xs-10">
	<!-- 导航栏 -->
	<div class="row" style="border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#E5E9EF;">
		<div class="col-xs-5">
		</div>
		<div class="col-xs-1" >
			<div class="top-link-width bottom-border">
			<a load="admin_user_page" class="top-link" href="javascript:void(0);" style="color:#4FA9E1">用户列表</a>
			</div>
		</div>
	</div>
	
	<!-- 内容区域 -->
	<div id="rightContent" class="row" style="width:850px;margin:auto;">
		
	</div>
	
</div>
</div>
<script>
//给侧边栏添加选中效果
$("a[load='userNav']").addClass("active");
</script>
<script>
$(function(){
	 $("#rightContent").load("admin_user_page"); 
});

</script>
<script type="text/javascript">
/* 导航栏的点击效果 */
$(".top-link").click(function(){
	initAColor();
	this.style.color="#4FA9E1";
	$(this).parent().addClass("bottom-border");
	
	$("#rightContent").load($(this).attr("load"));
});
function initAColor(){
	$(".top-link").each(function(){
		this.style.color="#222222";
		$(this).parent().removeClass("bottom-border");
	});
}
</script>